<template>
  <div class="header-a">
    <ul>
      <li>
        <span class="iconfont icon-zhanghu"></span>
        <p>账户</p>
      </li>
      <li @click="fun()">
        <span class="iconfont icon-zichan"></span>
        <p>资产</p>
      </li>
      <li>
        <span class="iconfont icon-mingxi"></span>
        <p>明细</p>
      </li>
      <li>
        <span class="iconfont icon-duozhongzhifu"></span>
        <p>支付</p>
      </li>
      <li>
        <span class="iconfont icon-sousuo"></span>
      </li>
    </ul>
    <div class="header-r">
        <span class="iconfont icon-huatong"></span>
        <span class="iconfont icon-xiaoxi"></span>
        <span class="iconfont icon-jiahao"></span>
    </div>
    <!-- <router-view></router-view> -->
  </div>
</template>

<script>
export default {
    methods:{
      fun(){
        
      }
      
    }
};
</script>

<style scoped>
    .header-a{
        width: 100%;
        height: 0.4rem;
        background-color: white;
        display: flex;
        position: fixed;
        justify-content: space-between;
        align-items: center;
    }
    ul{
        width: 1.79rem;
        align-items: center;
        display: flex;
        justify-content: space-evenly;
    }
    li{
        text-align: center;
    }
   ul span{
        font-size: 0.2rem;
    }
    p{
        font-size: 0.12rem;
    }
    .header-r{
        width: 1.15rem;
        /* background-color: greenyellow; */
        display: flex;
        justify-content: space-between;
    }
    .header-r span{
        font-size: 0.18rem;
    }
    .icon-huatong{
        width: 0.3rem;
        height: 0.2rem;
        font-size: 0.1rem;
        text-align: center;
        line-height: 0.25rem;
        border-radius: 0.1rem;
        color: white;
        background-color: orangered;
    }
</style>